<template>
  <div class="protocol">
    <h3>
      信息技术支持服务合同
    </h3>
    <p>
      合同编号：<u class="sign">{{protocolID}}</u>
    </p>
    <p>
      <b>
        甲方：<u class="sign">{{userName}}</u>
      </b>
    </p>
    <p>
      身份证号：<u class="sign">{{idNo}}</u>
    </p>
    <p>
      通讯地址：<u class="sign">{{postalAddress}}</u>
    </p>
    <p>
      电话：<u class="sign">{{phone}}</u>
    </p>
    <p>
      电子邮箱：<u class="sign">{{emailAddress}}</u>
    </p>
    <p>
      <b>
        乙方：富卡
      </b>
    </p>
    <p>
      地址：北京市朝阳区东三环北路38号院2民生大厦20层
    </p>
    <p>
      邮编：100020
    </p>
    <p>
      <b>
        鉴于：
      </b>
    </p>
    <p>
      甲方拥有通过互联网进行借款的服务需求；乙方拥有专业化信息技术支持服务体系，有能力为甲方在获取互联网借款服务过程中提供信息技术支持服务。<b>乙方仅为甲方提供信息技术支持服务，乙方并非网络借贷信息中介机构，且乙方不承担借贷违约风险。</b>>根据《中华人民共和国合同法》，甲乙双方本着自愿、平等、公正的原则签署本合作协议。
    </p>
    <p>
      <b>
        第一条 服务内容与范围
      </b>
    </p>
    <p>
      甲方委托乙方，通过网络、电话等方式向甲方提供信息咨询、信息技术支持服务。
    </p>
    <p>
      根据上述约定服务，甲方自愿向乙方支付约定的费用。
    </p>
    <p>
      <b>
        第二条 甲方权利与义务
      </b>
    </p>
    <p>
      ⑴ 甲方在获取乙方信息技术支持服务的全过程中，必须真实准确向乙方提供所要求提供的个人信息，如甲方提供不真实信息或有意隐瞒重要信息，视为违约，须对乙方承担违约责任；
    </p>
    <p>
      ⑵ 甲方自愿授权乙方基于甲方或乙方合作方提供的信息及乙方独立获取的信息，管理甲方的信用信息，为甲方提供信息技术支持服务；
    </p>
    <p>
      ⑶ 甲方有义务按照本协议的规定向乙方支付相关费用。
    </p>
    <p>
      <b>
        第三条 乙方权利与义务
      </b>
    </p>
    <p>
      ⑴ 乙方接受甲方的委托后，须为甲方提供约定的信息技术支持服务的全程信息，并在过程中协助其办理各项手续；
    </p>
    <p>
      ⑵ 乙方有权向甲方收取约定的服务费；
    </p>
    <p>
      ⑶ 乙方有权以信息技术支持服务为目的收集、保存、分析、使用甲方个人信用信息，并提供给乙方指定合作方。
    </p>
    <p>
      <b>
        第四条 费用及支付方式
      </b>
    </p>
    <p>
      ⑴ 在本合同中，乙方向甲方提供信息咨询及技术服务，甲方须向乙方支付"信息技术支持服务费"。
    </p>
    <p>
      ⑵ 甲方同意在偿还每期借款利息与本金时支付上述费用。信息技术支持服务费人民币
    </p>
    <table border="1">
      <thead>
      <tr>
        <th width="20%">期数</th>
        <th width="40%">还款日</th>
        <th width="40%">信息技术支持服务费（元）</th>
      </tr>
      </thead>
      <tbody class="tbody">
      <tr>
        <th width="20%">第1期</th>
        <th width="40%">__年__月__日</th>
        <th width="40%">￥_____</th>
      </tr>
      <tr>
        <th width="20%">第2期</th>
        <th width="40%">__年__月__日</th>
        <th width="40%">￥_____</th>
      </tr>
      <tr>
        <th width="20%">第3期</th>
        <th width="40%">__年__月__日</th>
        <th width="40%">￥_____</th>
      </tr>
      </tbody>
    </table>
    <p>
      ⑶ 本条约定的费用由甲方授权乙方或乙方委托的第三方合作机构或银行在甲方偿还每期借款利息与本金时代为扣除。
    </p>
    <p>
      <b>
        第五条 违约责任
      </b>
    </p>
    <p>
      任何一方违反本协议约定，使得本协议的全部或部分不能履行，均应承担违约责任，并赔偿对方因此遭受的损失（包括由此产生的诉讼费和律师费等其他费用）；如双方均违约，根据实际情况各自承担相应责任。甲方授权乙方及乙方合作的第三方保留将甲方违约失信的相关信息在媒体披露的权利。因甲方违约而产生的调查及诉讼费用由甲方承担。
    </p>
    <p>
      <b>
        第六条 通知
      </b>
    </p>
    <p>
      ⑴
      为通知之目的，甲方提供的通讯地址（包括但不限于本协议约定及/或其他方式向乙方提供的住址、通讯地址、电子邮箱、通讯电话等）为乙方寄送有关文件或发生法律争议时有关法律机构寄送有关文件的法定有效地址。如地址无法送达，乙方可选择在指定平台公告的方式予以公告送达（地址及公告的适用范围包括非诉阶段和争议进入仲裁、民事诉讼程序中的一审、二审、再审和执行程序）。如发生文件不能送达的情况，包括但不限于拒收、无法查找地址、查无此人等，其法律后果由甲方承担，并视为乙方或有关法律机构已经完成送达（邮寄送达的，自文书被签收或被拒收、退回之日视为送达之日；直接送达的，受送达人当场在送达回证上记明情况之日视为送达之日；电子邮箱和移动电话短信送达的，邮件或短信发出之日视为送达之日；指定平台公告送达的，公告作出之日视为送达之日）。
    </p>
    <p>
      ⑵
      甲方有义务在其重要信息变更之日起三日内提供更新后的信息给乙方和出借人，包括但不限于：甲方本人、甲方的家庭联系人及紧急联系人的下列信息：工作单位名称、电话及地址、居住地址、居住地电话、手机号码、电子邮箱。若因甲方不及时提供上述变更信息而带来的乙方的调查及诉讼等其他相关费用由甲方承担。
    </p>
    <p>
      ⑶ 本条关于相关文件及法律文书的送达地址所做的约定，属于协议中独立存在的有关有效送达地址的确认条款，若发生本协议被全部或部分确认无效或撤销等情形时，本条款继续有效。
    </p>
    <p>
      <b>
        第七条 其他
      </b>
    </p>
    <p>
      ⑴ 本协议采用电子文本形式制成，并保存在乙方或乙方委托合作的第三方为此设立的专用服务器上备查，本协议各方均认可该形式的协议效力。
    </p>
    <p>
      ⑵ 双方以书面形式（包括电子文本等）签订的补充协议与本协议具有同等的法律效力。补充协议若与本协议冲突，以补充协议为准。
    </p>
    <p>
      ⑶ 甲乙双方确认，本协议的签署、生效和履行以不违反中国的法律法规为前提。如果本协议中的任何一条或多条违反适用的法律法规，则该条被视为无效，但该无效条款并不影响本协议其他条款的效力。
    </p>
    <p>
      ⑷ 本协议有关的一切争议，均提请衢州仲裁委员会仲裁，并适用其网络仲裁规则（包括适用互联网金融仲裁特别规定条款），衢州仲裁委员会的裁决为终局裁决，对双方具有法律约束力。
    </p>
    <p>
      用户确认以<u class="sign">{{emailAddress?emailAddress:'________________'}}</u>为联络邮箱，为双方之间及涉诉纠纷相关材料送达地址；并以<u class="sign">{{phone?phone:'________________'}}</u>为联络手机号码，为短信通知号码。按本协议约定由任何一方发给其他方的任何通知，应以电子邮件或者短信等形式发出，送至约定邮箱或者手机号码。收件人指定系统接受材料或通知之日，即视为送达和收到之日。如一方需变更联络邮箱或者手机号码的，应当书面通知并得到对方确认。
    </p>
    <p>
      ⑸ 本协议自文本最终生成之日起生效。
    </p>
    <p>
      <b>
        协议各方签字
      </b>
    </p>
    <p>
      甲方：<u class="sign">{{userName}}</u>
    </p>
    <p>
      乙方：富银弘远（厦门）信息科技有限公司
    </p>
    <p>
      日期：<u class="sign">{{authTime}}</u>
    </p>
  </div>
</template>

<script>
  export default {
    name: "information-technology-support-service",
    data() {
      return {
        protocolID: this.$route.query.protocolID,
        userName: this.$route.query.userName,
        idNo: this.$route.query.idNo,
        postalAddress: this.$route.query.postalAddress,
        emailAddress: this.$route.query.emailAddress,
        phone: this.$route.query.phone,
        repaySchedule: this.$route.query.repaySchedule,
        authTime: this.$route.query.authTime
      }
    },
    mounted() {

      document.title = '信息技术支持服务合同';

      console.log(this.repaySchedule);

      if (this.repaySchedule) {

        console.log(JSON.parse(this.repaySchedule)['repaySchedule']);

        $('.tbody').empty();

        JSON.parse(this.repaySchedule)['repaySchedule'].map((v) => {

          let virtualDom = $(`
          <tr>
            <th width="20%">第${v.scheduleNo}期</th>
            <th width="40%">${v.dueTime}</th>
            <th width="40%">￥${v.serviceFee}</th>
          </tr>
        `);

          $('.tbody').append(virtualDom);
        });

      }
    }
  }
</script>

<style scoped lang="less">
  .protocol {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    line-height: 0.42rem;
    padding-bottom: 1rem;

    .sign {
      color: #45403d;
      font-weight: bolder;
    }

    p {
      width: 92%;
      margin-top: 0.32rem;
    }

    h3 {
      width: 92%;
      margin-top: 0.6rem;
    }

    h2 {
      width: 92%;
      line-height: 0.8rem;
      margin-top: 0.3rem;
    }
    table {
      width: 92%;
      margin-top: 0.32rem;
    }
  }
</style>
